<!--
 * @Author: Mary
 * @Date: 2022-07-21
-->
<template>
  <div
    class="w-full border-b-2 rounded-none"
    :class="['p-' + info.extension.padding.value]"
    :style="{
      fontWeight: info.extension.fontWeight.value,
      fontSize: info.extension.fontSize.value,
      textAlign: info.extension.textAlign.value,
      color: info.extension.color.value,
      textDecoration: info.extension.textDecoration.value,
    }"
  >
    {{ info.extension.textContent.value }}
  </div>
</template>

<script>
  import { defineComponent } from 'vue'
  import { UiMixin, RefsInjectMixin } from '@ve/mixin'

  export default defineComponent({
    name: 'UiPdaText',
    mixins: [UiMixin, RefsInjectMixin],

    data() {
      return {}
    },
    created() {
      console.log('UiPdaText', this.info)
    },
    methods: {},
  })
</script>

<style></style>
